Page({
  data: {
    level1Categories: [], // 存储动态获取的一级分类数据
    loading: true, // 加载状态
    error: false // 错误状态
  },

  onLoad() {
    this.loadLevel1Categories();
  },

  // 加载一级分类数据
  loadLevel1Categories() {
    // 显示加载状态
    this.setData({
      loading: true,
      error: false
    });

    // 获取token
    let token = '';
    try {
      token = wx.getStorageSync('token');
      console.log('hi')
      console.log(token)
    } catch (e) {
      console.error('获取token失败', e);
    }

    // 显示加载提示
    wx.showLoading({
      title: '加载中...',
      mask: true
    });

    // 调用接口获取动态数据
    wx.request({
      url: 'http://localhost/dev-api/recipes/category_top/list', 
      method: 'GET',
      data: { 
        status: 0,  // 参数通过 data 传递，GET 请求会自动拼接为 ?status=0 
        sort: 0 
      },
      header: {
        'Authorization': token,
        'Content-Type': 'application/json'
      },
      success: (res) => {
        // 隐藏加载提示
        wx.hideLoading();
       
        if (res.data.code === 200) {
          // 处理分类数据，优先使用接口返回的icon，没有则使用默认图标
          const categories = res.data.rows.map(item => ({
            ...item,
            icon: item.icon || this.getCategoryIcon(item.name) // 接口返回icon则使用，否则用默认
          }));

          this.setData({
            level1Categories: categories,
            loading: false
          });
        } else {
          // 接口返回异常
          this.setData({
            error: true,
            loading: false
          });
          wx.showToast({
            title: '数据加载失败',
            icon: 'none'
          });
        }
      },
      fail: () => {
        // 隐藏加载提示
        wx.hideLoading();
        // 请求失败
        this.setData({
          error: true,
          loading: false
        });
        wx.showToast({
          title: '网络请求失败',
          icon: 'none'
        });
      }
    });
  },

  // 根据分类名称匹配图标（可自定义）
  getCategoryIcon(categoryName) {
    const iconMap = {
      '烘焙': '🍰',
      '肉类': '🥩',
      '蔬菜': '🥬',
      '水果': '🍎',
      '水果哟': '🍎', // 匹配接口返回的"水果哟"
      '甜品饮料': '🍹',
      '主食': '🍚',
      '汤羹': '🍲',
      '海鲜': '🦞',
      '素食': '🥗',
      '11': '🍽️' // 为"11"分类设置默认图标
    };
    // 没有匹配到则使用默认图标
    return iconMap[categoryName] || '🍽️';
  },

  // 跳转二级分类页面
  navigateToLevel2(e) {
    const { id, name } = e.currentTarget.dataset;
    wx.navigateTo({
      url: `/index/pages/level2Category/level2Category?level1Id=${id}&level1Name=${encodeURIComponent(name)}`
    });
  }
});